<template>
    <n-config-provider
        :locale="zhCN"
        :date-locale="dateZhCN"
        :theme="sysTheme ? darkTheme : null"
        :theme-overrides="sysThemeColor"
    >
        <n-global-style />
        <n-dialog-provider>
            <n-message-provider>
                <n-notification-provider>
                    <n-loading-bar-provider>
                        <App />
                    </n-loading-bar-provider>
                </n-notification-provider>
            </n-message-provider>
        </n-dialog-provider>
    </n-config-provider>
</template>
<script>
import { darkTheme } from "naive-ui";
import { zhCN, dateZhCN } from "naive-ui";

import { mapGetters } from "vuex";
import App from "@/App.vue";
export default {
    components: {
        App,
    },
    computed: {
        ...mapGetters(["sysTheme", "sysThemeColor"]),
    },
    setup() {
        return {
            zhCN,
            dateZhCN,
            darkTheme,
        };
    },
};
</script>
